<!--
 * @Descripttion: 
 * @version: 1.0
 * @Author: 任静
 * @Date: 2020-11-11 16:43:57
 * @LastEditors: 任静
 * @LastEditTime: 2020-11-12 12:02:35
-->
<template>
  <div class="index">
    <div class="views">
      <router-view />
    </div>
    <div class="nav">
      <router-link to="/home"><van-icon name="home-o" />首页</router-link>
      <router-link to="/classifly"><van-icon name="apps-o" />分类</router-link>
      <router-link to="/message"><van-icon name="other-pay" />消息</router-link>
      <router-link to="/me"><van-icon name="manager-o" />我的</router-link>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.index {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .views {
    flex: 1;
    overflow: scroll;
  }
  .nav {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid #ccc;
    a{
        color:#333;
        text-align:center;
        .van-icon{
            display:block;
            font-size:20px;
        }
    }
  }
}
.active{
    color:skyblue !important;
    font-weight:600;
    
}
</style>